<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS的作用</title>
    <style>
        /* 选中所有的行,给行中的数据添加样式 */
        tr{
            color: red;
            text-align: center;
        }
    </style>
</head>
<body>
      <!--
        需求：
            将下列表格中的所有文字居中，字体颜色设置为红色
        -->
      <h2 align="center">学生成绩表</h2>
      <table border="1" width="500" align="center">
          <tr>
              <th>编号</th>
              <th>姓名</th>
              <th>科目</th>
              <th>成绩</th>
          </tr>
          <tr>
              <td>1</td>
              <td>张三</td>
              <td>语文</td>
              <td>100</td>
          </tr>
          <tr>
              <td>2</td>
              <td>李四</td>
              <td>语文</td>
              <td>80</td>
          </tr>
      </table>
</body>
</html>